﻿<%@ Page Title="" Language="C#" MasterPageFile="~/YUIAspNet.Master" AutoEventWireup="true" CodeBehind="Skinning.aspx.cs" Inherits="YUIAspNetDemo.Charts.Skinning" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <title>YUIAsp.Net Controls : LiveDemo : Charts : Chart Skinning</title>
</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <h1>Skinning</h1>
    
    <p>I bet you can choose a more inspireing color than I did. This page is just to show you that you can customize the charts.</p>
     <yui:BarChart ID="chart" runat="server" YField="year" Width="460px" Height="300px">
            <Series>
                <yui:BarSeries XField="revenue" DisplayName="revenue" />
                <yui:BarSeries XField="expense" DisplayName="expense" />
                <yui:LineSeries XField="income" DisplayName="income" />
            </Series> 
            <ChartStyle>
                <Border Color="Green" Size="4" />
                <Legend Display="Left" Spacing="4"></Legend>
                <Font Color="Red" Size="16"></Font>
                <TooltipStyle><Border Color="Red" Size="4" /></TooltipStyle>
            </ChartStyle>
        </yui:BarChart>
</asp:Content>
